<script>
export default {
    data () {
        return {
            radio: 0
        };
    },
    computed: {
        isButtonDisabled() {
            return this.radio === 0;
        }
    },
    methods: {
        check(radio) {
            console.log(radio)
            if (radio === 3) {
                this.$message.success('恭喜你，答对啦！')
            } else {
                this.$message.error('很遗憾，答错啦！')
            }
        }
    }
}
</script>

<template>
    <div>
        <div>
            <h1 align="center">世界你好!!!</h1>
            （1）系统地整理和归纳 CTF 竞赛所需的知识点，形成一个完整、系统的知识体系。通过对密
            码学、漏洞分析、逆向工程、网络协议、Web 安全、二进制安全等领域的深入研究和整理，将形成
            一个全面、系统的 CTF 竞赛知识体系，为参赛者提供一站式的知识获取平台。<br>
            （2）设计和实现一个基于 SSM 框架的 Web 应用，提供高效、稳定、安全的知识服务。我将采
            用 Spring、SpringMVC 和 MyBatis 等主流 Java 框架进行开发，确保系统的可扩展性、可维护性和高
            效性。同时，将注重系统的安全性，确保用户数据的安全和隐私。<br>
            （3）优化用户体验，提供简洁明了的界面和快速响应速度。将采用人性化的设计理念，为用户
            提供一个简洁、易用的界面，使用户能够快速获取所需知识。同时，将通过优化数据库查询和系统
            架构，提高系统的响应速度，使用户能够快速浏览和获取知识。
            通过本研究，我期望能够为 CTF 竞赛参与者提供一个全面、系统的学习平台，提高学习效率。
            同时，我也期望能够为 Web 应用开发提供有益的参考和借鉴。此外，我期望通过本研究的实施，能
            够推动 CTF 竞赛的发展和网络安全意识的提升。总之，本研究旨在设计和实现一个基于 SSM 框架
            的 CTF 竞赛知识系统，解决现有知识分享平台和社区存在的问题，为参赛者提供全面、系统的学习
            服务。通过本研究，我期望能够为 CTF 竞赛的发展和网络安全意识的提升做出贡献。
            （1）系统地整理和归纳 CTF 竞赛所需的知识点，形成一个完整、系统的知识体系。通过对密
            码学、漏洞分析、逆向工程、网络协议、Web 安全、二进制安全等领域的深入研究和整理，将形成
            一个全面、系统的 CTF 竞赛知识体系，为参赛者提供一站式的知识获取平台。<br>
            （2）设计和实现一个基于 SSM 框架的 Web 应用，提供高效、稳定、安全的知识服务。我将采
            用 Spring、SpringMVC 和 MyBatis 等主流 Java 框架进行开发，确保系统的可扩展性、可维护性和高
            效性。同时，将注重系统的安全性，确保用户数据的安全和隐私。<br>
            （3）优化用户体验，提供简洁明了的界面和快速响应速度。将采用人性化的设计理念，为用户
            提供一个简洁、易用的界面，使用户能够快速获取所需知识。同时，将通过优化数据库查询和系统
            架构，提高系统的响应速度，使用户能够快速浏览和获取知识。
            通过本研究，我期望能够为 CTF 竞赛参与者提供一个全面、系统的学习平台，提高学习效率。
            同时，我也期望能够为 Web 应用开发提供有益的参考和借鉴。此外，我期望通过本研究的实施，能
            够推动 CTF 竞赛的发展和网络安全意识的提升。总之，本研究旨在设计和实现一个基于 SSM 框架
            的 CTF 竞赛知识系统，解决现有知识分享平台和社区存在的问题，为参赛者提供全面、系统的学习
            服务。通过本研究，我期望能够为 CTF 竞赛的发展和网络安全意识的提升做出贡献。
            （1）系统地整理和归纳 CTF 竞赛所需的知识点，形成一个完整、系统的知识体系。通过对密
            码学、漏洞分析、逆向工程、网络协议、Web 安全、二进制安全等领域的深入研究和整理，将形成
            一个全面、系统的 CTF 竞赛知识体系，为参赛者提供一站式的知识获取平台。<br>
            （2）设计和实现一个基于 SSM 框架的 Web 应用，提供高效、稳定、安全的知识服务。我将采
            用 Spring、SpringMVC 和 MyBatis 等主流 Java 框架进行开发，确保系统的可扩展性、可维护性和高
            效性。同时，将注重系统的安全性，确保用户数据的安全和隐私。<br>
            （3）优化用户体验，提供简洁明了的界面和快速响应速度。将采用人性化的设计理念，为用户
            提供一个简洁、易用的界面，使用户能够快速获取所需知识。同时，将通过优化数据库查询和系统
            架构，提高系统的响应速度，使用户能够快速浏览和获取知识。
            通过本研究，我期望能够为 CTF 竞赛参与者提供一个全面、系统的学习平台，提高学习效率。
            同时，我也期望能够为 Web 应用开发提供有益的参考和借鉴。此外，我期望通过本研究的实施，能
            够推动 CTF 竞赛的发展和网络安全意识的提升。总之，本研究旨在设计和实现一个基于 SSM 框架
            的 CTF 竞赛知识系统，解决现有知识分享平台和社区存在的问题，为参赛者提供全面、系统的学习
            服务。通过本研究，我期望能够为 CTF 竞赛的发展和网络安全意识的提升做出贡献。
            （1）系统地整理和归纳 CTF 竞赛所需的知识点，形成一个完整、系统的知识体系。通过对密
            码学、漏洞分析、逆向工程、网络协议、Web 安全、二进制安全等领域的深入研究和整理，将形成
            一个全面、系统的 CTF 竞赛知识体系，为参赛者提供一站式的知识获取平台。<br>
            （2）设计和实现一个基于 SSM 框架的 Web 应用，提供高效、稳定、安全的知识服务。我将采
            用 Spring、SpringMVC 和 MyBatis 等主流 Java 框架进行开发，确保系统的可扩展性、可维护性和高
            效性。同时，将注重系统的安全性，确保用户数据的安全和隐私。<br>
            （3）优化用户体验，提供简洁明了的界面和快速响应速度。将采用人性化的设计理念，为用户
            提供一个简洁、易用的界面，使用户能够快速获取所需知识。同时，将通过优化数据库查询和系统
            架构，提高系统的响应速度，使用户能够快速浏览和获取知识。
            通过本研究，我期望能够为 CTF 竞赛参与者提供一个全面、系统的学习平台，提高学习效率。
            同时，我也期望能够为 Web 应用开发提供有益的参考和借鉴。此外，我期望通过本研究的实施，能
            够推动 CTF 竞赛的发展和网络安全意识的提升。总之，本研究旨在设计和实现一个基于 SSM 框架
            的 CTF 竞赛知识系统，解决现有知识分享平台和社区存在的问题，为参赛者提供全面、系统的学习
            服务。通过本研究，我期望能够为 CTF 竞赛的发展和网络安全意识的提升做出贡献。
        </div>

        <div class="bottom-container">
            <h3>以下哪个单词不是 Java 的关键字？</h3>
            <el-radio-group v-model="radio">
                <el-radio :label="1">static</el-radio>
                <el-radio :label="2">Boolean</el-radio>
                <el-radio :label="3">void</el-radio>
                <el-radio :label="4">private</el-radio>
                <el-button type="primary" plain :disabled="isButtonDisabled" @click="check(radio)">检查</el-button>
            </el-radio-group>

        </div>
    </div>
</template>

<style scoped>
.bottom-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}
</style>